﻿@model TicketsPhone.Web.Models.TurnoFormModel
           
<script>
    function TomarTurno() {
        $.getJSON('@Url.Action("TomarTurno/")@Model.Objeto.IdTurno',
        function(data) {
            
            
            if(data == 1)
                $('#imgTurno').attr("src",'@Url.Content("~/Content/Themes/tickets/images/greenball.png")');
            else
            {
                alert("No se pudo tomar el turno");
            }
                
        });
    }
</script>

@using (Html.BeginForm())
{

    <div id="content">
        <div id="contentInner">
            <!-- Empiezan botones de requerimientos-->
            <div class="clear">
            </div>
            <!-- terminan botones de requerimientos-->
            <div class="formularioBox">
                <table width="100%" border="0" cellspacing="1" cellpadding="0">
                    <tr>
                        <td width="25%" class="campoNombre">
                            Nombre:
                        </td>
                        <td>@Model.Objeto.IdTurno
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" class="campoNombre">
                            Código:
                        </td>
                        <td>@Model.Objeto.Codigo
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" class="campoNombre">
                            Trámite:
                        </td>
                        <td>@Model.Objeto.Tramite.Nombre 
                            <a href="javascript:;" onclick="TomarTurno()" title="Tomar Turno">
                                <img id="imgTurno" src='@Url.Content("~/Content/Themes/tickets/images/redball.png")' alt="Tomar Turno" />
                            </a>
                            
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" class="campoNombre">
                            Telefono:
                        </td>
                        <td>@Model.Objeto.Usuario.Nombre
                        </td>
                    </tr>
                    <tr>
                        <td class="campoNombre">
                            Descripcion:
                        </td>
                        <td>@Html.TextAreaFor(model => model.Objeto.Comentarios, new { onkeypress = "return SoloLetras(event)" })
                            @Html.ValidationMessageFor(model => model.Objeto.Comentarios, "(*)")
                        </td>
                    </tr>
                        <tr>
                            <td class="campoNombre">
                                Estado Actual
                            </td>
                            <td>
                                @Html.DropDownListFor(model => model.Objeto.IdEstadoTurno, new SelectList(new List<TicketsPhone.Domain.Entities.EstadoTurno> { TicketsPhone.Domain.Entities.EstadoTurno.Cerrado, TicketsPhone.Domain.Entities.EstadoTurno.EnProceso, TicketsPhone.Domain.Entities.EstadoTurno.NoAsistencia }));
                            </td>
                        </tr>
                    <tr>
                        <td colspan="2">
                            <input type="submit" value="Enviar" />
                        </td>
                    </tr>
                </table>
                <hr />
            </div>
        </div>
    </div>
    @Html.Raw(Model.Javascript)   
}